/* pages/message/index.wxss */
.message-page {
  min-height: 100vh;

  .load-more {
    display: flex;
    justify-content: center;
    padding: 20rpx;
  }

  .empty {
    padding-top: 130rpx;
  }

  .list {
    padding: 24rpx;

    .card {
      border-radius: 24rpx;
      padding: 24rpx 20rpx;
      background-color: #fff;
      display: flex;
      align-items: center;

      &:not(:first-child) {
        border-top: 1rpx solid #f2f2f2;
      }

      .tag {
        color: rgba(249, 117, 34, 1);
        border: 1rpx solid rgba(249, 117, 34, 1);
        padding: 3rpx 10rpx;
        font-size: 24rpx;
        border-radius: 10rpx;
      }

      .name {
        flex: 1;
        padding: 0 20rpx;
        color: #333;
        font-size: 30rpx;
      }

      .date {
        font-size: 25rpx;
        color: gray;
      }

    }
  }
}